<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title></title>
    <script src="../js/common/echats5.3.0.js"></script>
    <script src="../js/common/jquery-2.1.4.min.js"></script>
    <script src="../js/common/echarts-gl.min.js"></script>
    <script src="../js/common/rem.js"></script>
    <script src="../js/common/wuxiang.js"></script>
    <script src="https://webapi.amap.com/maps?v=2.0&key=dcce730e187f51e0fe140979e3c6a66f"></script>
    <script src="https://webapi.amap.com/loca?v=2.0.0&key=dcce730e187f51e0fe140979e3c6a66f"></script>
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="../css/common.css" />
    <link rel="stylesheet" href="../css/animate.min.css" />
    <link rel="stylesheet" href="../css/animate.css" />
    <link rel="stylesheet" href="../css/index.css" />
    <link rel="stylesheet" href="../css/bbtj.css" />
    <link rel="stylesheet" href="../css/bjtj.css" />
    <script src="../js/common/countNum.js"></script>
    <script src="../js/common/crypto-js.min.js"></script>
    <script src="../js/common/url.js"></script>
</head>

<body style="overflow: hidden">

    <div id="head"></div>
    <script type="text/javascript">
        $("#head").load("./header.html");
        setTimeout(function () {
            // 菜单
            var res = $(".bottomMenu .menu:contains(办件统计)");
            $(res).addClass("active");
        }, 500);
    </script>
    <!-- 中间数据 -->
    <div class="flexaround">
        <div class="bigdata_box flexaround">
            <div>
                <div class="name">政务服务类累计办理</div>
                <div class="mt10">
                    <span class="fontding font24 text-xie mr5" id="allHadGovernment">0</span>件
                </div>
            </div>
            <div>
                <img src="../images/index/icon_fgx.png" alt="" style="width: 25rem;">
            </div>
            <div>
                <div class="name red">秒批秒办类累计办理</div>
                <div class="mt10">
                    <span class="fontding font24 text-xie mr5" id="allHadSecond">0</span>件
                </div>
            </div>
            <div>
                <img src="../images/index/icon_fgx.png" alt="" style="width: 25rem;">
            </div>
            <div>
                <div class="name green">证明类累计办理</div>
                <div class="mt10">
                    <span class="fontding font24 text-xie mr5" id="allHadProve">0</span>件
                </div>
            </div>
            <div>
                <img src="../images/index/icon_fgx.png" alt="" style="width: 25rem;">
            </div>
            <div>
                <div class="name blue">查询类累计查询</div>
                <div class="mt10">
                    <span class="fontding font24 text-xie mr5" id="allHadQuery">0</span>件
                </div>
            </div>
            <div>
                <img src="../images/index/icon_fgx.png" alt="" style="width: 25rem;">
            </div>
            <div>
                <div class="name bluetwo">便民工具类累计使用</div>
                <div class="mt10">
                    <span class="fontding font24 text-xie mr5" id="allHadTools">0</span>件
                </div>
            </div>
        </div>
    </div>
    <!-- 左侧 -->
    <div class="leftBox  animated animate__fadeInLeftBig">
        <div class="boxCard">
            <div class="boxCardTitle">
                办件统计
            </div>
            <div class="boxCardTitleThree mt10">
                政务服务类
            </div>
            <div class="flexbetween">
                <div class="specDataBoxCase mt10">
                    <div class="name">本年办件</div>
                    <div class="value mt10">
                        <span id="goverYear">0</span>件
                    </div>
                </div>
                <div class="specDataBoxCase mt10">
                    <div class="name">本月办件</div>
                    <div class="value mt10">
                        <span id="goverMonth">0</span>件
                    </div>
                </div>
                <div class="specDataBoxCase mt10">
                    <div class="name">当日办件</div>
                    <div class="value mt10">
                        <span id="goverWeek">0</span>件
                    </div>
                </div>
            </div>
            <div class="boxCardTitleThree mt10">
                秒批秒办类
            </div>
            <div class="flexbetween">
                <div class="specDataBoxCase mt10">
                    <div class="name">本年办件</div>
                    <div class="value mt10">
                        <span id="secondYear">0</span>件
                    </div>
                </div>
                <div class="specDataBoxCase mt10">
                    <div class="name">本月办件</div>
                    <div class="value mt10">
                        <span id="secondMonth">0</span>件
                    </div>
                </div>
                <div class="specDataBoxCase mt10">
                    <div class="name">当日办件</div>
                    <div class="value mt10">
                        <span id="secondWeek">0</span>件
                    </div>
                </div>
            </div>
            <div class="boxCardTitleThree mt10">
                证明类
            </div>
            <div class="flexbetween">
                <div class="specDataBoxCase mt10">
                    <div class="name">本年办件</div>
                    <div class="value mt10">
                        <span id="proveYear">0</span>件
                    </div>
                </div>
                <div class="specDataBoxCase mt10">
                    <div class="name">本月办件</div>
                    <div class="value mt10">
                        <span id="proveMonth">0</span>件
                    </div>
                </div>
                <div class="specDataBoxCase mt10">
                    <div class="name">当日办件</div>
                    <div class="value mt10">
                        <span id="proveWeek">0</span>件
                    </div>
                </div>
            </div>
            <div class="boxCardTitleThree mt10">
                查询类
            </div>
            <div class="flexbetween">
                <div class="specDataBoxCase mt10">
                    <div class="name">本年办件</div>
                    <div class="value mt10">
                        <span id="queryYear">0</span>件
                    </div>
                </div>
                <div class="specDataBoxCase mt10">
                    <div class="name">本月办件</div>
                    <div class="value mt10">
                        <span id="queryMonth">0</span>件
                    </div>
                </div>
                <div class="specDataBoxCase mt10">
                    <div class="name">当日办件</div>
                    <div class="value mt10">
                        <span id="queryWeek">0</span>件
                    </div>
                </div>
            </div>
            <div class="boxCardTitleThree mt10">
                便民工具类
            </div>
            <div class="flexbetween">
                <div class="specDataBoxCase mt10">
                    <div class="name">本年办件</div>
                    <div class="value mt10">
                        <span id="toolsYear">0</span>件
                    </div>
                </div>
                <div class="specDataBoxCase mt10">
                    <div class="name">本月办件</div>
                    <div class="value mt10">
                        <span id="toolsMonth">0</span>件
                    </div>
                </div>
                <div class="specDataBoxCase mt10">
                    <div class="name">当日办件</div>
                    <div class="value mt10">
                        <span id="toolsWeek">0</span>件
                    </div>
                </div>
            </div>
        </div>
        <div class="boxCard mt12">
            <div class="boxCardTitle">
                各乡镇办件量统计
            </div>
            <div class="chooseBtnGroup flex mt10 perTownCount" id="">
                <div class="active" data-type="">总量</div>
                <div data-type="zw">政务服务类</div>
                <div data-type="zm">证明类</div>
                <div data-type="cx">查询类</div>
                <div data-type="bmgj">便民工具类</div>
            </div>
            <div id="perTownCount" style="height: 290rem;"></div>
        </div>
    </div>
    <!-- 右侧 -->
    <div class="rightBox  animated animate__fadeInRightBig">
        <div class="boxCard">
            <div class="boxCardTitle">
                事项发布统计
            </div>
            <div class="flexaround text-center">
                <div>
                    <img src="../images/bjtj/icon_zwfwl.png" alt="" style="width: 52rem;height: 57rem;">
                    <div>
                        <span class="fontshuzi font20 text-xie colorwhite font700 mr5" id="goverCount">0</span>项
                    </div>
                    <div>政务服务类</div>
                </div>
                <div>
                    <img src="../images/bjtj/icon_mpmb.png" alt="" style="width: 52rem;height: 57rem;">
                    <div>
                        <span class="fontshuzi font20 text-xie colorwhite font700 mr5" id="secondCount">0</span>项
                    </div>
                    <div>秒批秒办类</div>
                </div>
            </div>
            <div class="flexaround text-center mt20">
                <div>
                    <img src="../images/bjtj/icon_zm.png" alt="" style="width: 52rem;height: 57rem;">
                    <div>
                        <span class="fontshuzi font20 text-xie colorwhite font700 mr5" id="proveCount">0</span>项
                    </div>
                    <div>证明类</div>
                </div>
                <div>
                    <img src="../images/bjtj/icon_cx.png" alt="" style="width: 52rem;height: 57rem;">
                    <div>
                        <span class="fontshuzi font20 text-xie colorwhite font700 mr5" id="queryCount">0</span>项
                    </div>
                    <div>查询类</div>
                </div>
                <div>
                    <img src="../images/bjtj/icon_bmgj.png" alt="" style="width: 52rem;height: 57rem;">
                    <div>
                        <span class="fontshuzi font20 text-xie colorwhite font700 mr5" id="toolsCount">0</span>项
                    </div>
                    <div>便民工具类</div>
                </div>
            </div>
        </div>
        <div class="boxCard mt20">
            <div class="boxCardTitle">
                各乡镇事项发布数统计
            </div>
            <div class="chooseBtnGroup flex mt10 perTownIssueCount">
                <div class="active" data-type="">总量</div>
                <div data-type="zw">政务服务类</div>
                <div data-type="zm">证明类</div>
                <div data-type="cx">查询类</div>
                <div data-type="bmgj">便民工具类</div>
            </div>
            <div id="perTownIssueCount" style="height: 270rem;background: none;"></div>
        </div>
        <div class="boxCard mt20">
            <div class="boxCardTitleThree">
                热门事项
            </div>
            <table class="mytable mt10" style="table-layout: fixed">
                <thead>
                    <tr>
                        <th style="width: 20%;">序号</th>
                        <th style="width: 60%;text-align: left;">事项名称</th>
                        <th style="width: 20%;text-align: left;">办件量</th>
                    </tr>
                </thead>
            </table>
            <div id="hot-con_table_container" style="height: 150rem; overflow: hidden">
                <table id="hotCon" class="mytable" style="table-layout: fixed">

                </table>
            </div>
        </div>
    </div>
    <!-- 地图 -->
    <div id="map" style="
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                z-index: 0;
            "></div>



</body>

</html>
<script src="../bootstrap/js/bootstrap.min.js"></script>
<script src="../js/index/bjtj.js"></script>
<script>
    // 按钮组切换
    $(".zhezhao").click(function (e) {
        if ($(e.target).context.className == 'tc_box') {
            $(this).hide();
        }
    })
</script>
